<script>
export default {
  name: "ljshop-back",
  methods: {
    onBackIndex() {
      uni.navigateBack();
    }
  }
}
</script>

<template>
  <view class="nav-box" >
    <view class="state-hack"></view>
    <view style="display: flex;flex-direction:row;height: 48px;width: 100%;justify-content: space-between;">
      <view hover-class="back-hover" class="back-box u-m-x-50 u-flex u-row-center u-col-center">
        <view class="u-iconfont uicon-arrow-left" style="color: #fff;font-size: 35rpx;" @tap="onBackIndex">
        </view>
      </view>
    </view>
  </view>
</template>

<style scoped lang="scss">
.nav-box {
  position: fixed;
  width: 170rpx;
  min-height: 140rpx;
  z-index: 888;
  top: 50rpx;

  .back-box {
    background-color: rgba(#000, 0.18);
    width: 60rpx;
    height: 60rpx;
    border-radius: 50%;
    margin-top: 14rpx;
  }

  .back-hover {
    background-color: rgba(#fff, 0.18);
  }

  .back-share {
    background-color: rgba(#fff, 0.18);
  }

  .state-hack {
    width: 100%;
    height: var(--status-bar-height);
    /* #ifdef H5 */
    height: 20rpx;
    /* #endif */
  }
}
</style>